<template>
    <div class="page-container">
        <media :query="{minWidth: 768}">
            <div class="pc-media">
                <div class="header-container">
                    <div class="header">
                        <div class="header-top">
                            <div class="header-logo">
                                <img src="../assets/img/logo.png" alt>
                            </div>
                            <div class="nav-list">
                                <div class="nav-item">
                                    <a href="#/" style="color:#00bcd4;">活动首页</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="register-container">
                    <div class="register-content">
                        <reset-box/>
                    </div>
                </div>
            </div>
        </media>
        <media :query="{maxWidth: 768}">
            <div class="mb-media">
                <reset-box/>
            </div>
        </media>
        <media :query="{minWidth: 768}">
            <footer-nav/>
        </media>
    </div>
</template>

<script>
import Media from 'vue-media';
import $ from 'jquery';
import Footer from '../components/footer';
import ResetBox from '../components/ResetBox';
export default {
    name: 'ResetPassword',
    components: {
        'footer-nav': Footer,
        'reset-box': ResetBox,
        Media
    }
};
</script>

<style>

</style>
